<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div {
            position: relative;
            width: 100px;
            height: 100px;
            background-color: #aa0000;
            top: 50px;
            left: 0px;
        }
    </style>
</head>
<body>
    <button id="but">移动</button>
    <div id="one">

    </div>
</body>
    <script>
        // var but = document.getElementById('but');
        // var one = document.getElementById('one');
        // var buChang = 0;
        // var timeID = null;
        // but.onclick = function () {
        //     clearInterval(timeID);
        //
        //     timeID = setInterval(function () {
        //         buChang += 5;
        //         if (buChang < 800) {
        //             one.style.left = buChang + 'px';
        //         } else {
        //             one.style.left = 800+'px';
        //
        //         }
        //     },80)
        // };
        // console.log(timerID);
        console.log(getVarDate());

    </script>

</html>